@charset "utf-8";
@import "common/bs_common";
header{
    .wrap{
        width:1100px;
        position: relative;
        .content{
           
        }
        .user_info{
            position: absolute;
            right: 0;
            top:0;
            display: flex;
            height: 100%;
            align-items: center;
            font-size: 14px;
            p{
                margin-right: 6px;
                a,span{
                    color: $fontColor;
                }
                a:hover{
                    color: $aChooes;
                }
            }
            b{
                margin: 0 15px;
                vertical-align: text-bottom;
            }
            
        }
    }
}
.xian{
    width: 100%;
    height: 1px;
    background: #dfdfdf;
}
.zhonglu{
    width: 100%;
    margin: 0 auto;
    
    .xinxi{
        width: 1000px;
        min-height: 608px;
        margin: 0 auto;
        >div{
            margin-right: 35px;
            padding-top: 40px;
            float: right;
        }
        >ul{
            width: 500px;
            height: 100%;
            padding-top: 47px;
            li{
                margin-left: 78px;
                font-size: 0;
                p{
                    font-size: 13px;
                    display: inline;
                }
            }
            li:nth-child(1){
                width: 400px;
                height: 47px;
                border: 1px solid #e7e7e7;
                line-height: 47px;
                p:nth-child(1){
                    margin-left: 18px;
                    margin-right: 43px;
                }
                p:nth-child(2){
                    input{
                        border: none;
                    }
                }
            }
            li:nth-child(2){
                width: 400px;
                height: 47px;
                border: 1px solid #e7e7e7;
                line-height: 47px;
                margin-top: 30px;
                p:nth-child(1){
                    margin-left: 18px;
                    margin-right: 43px;
                }
                p:nth-child(2){
                    input{
                        width: 60%;
                        border: none;
                    }
                }
            }
            li:nth-child(3){
                width: 400px;
                height: 47px;
                border: 1px solid #e7e7e7;
                line-height: 47px;
                margin-top: 30px;
                p:nth-child(1){
                    margin-left: 18px;
                    margin-right: 43px;
                }
                p:nth-child(2){
                    input{
                        border: none;
                    }
                }
            }
            li:nth-child(4){
                width: 400px;
                height: 47px;
                border: 1px solid #e7e7e7;
                line-height: 47px;
                margin-top: 30px;
                p:nth-child(1){
                    width: 110px;
                    height: 100%;
                    display: inline-block;
                    border-right: 1px solid #e7e7e7;
                    margin-right: 40px;
                    span:nth-child(1){
                        margin-left: 20px;
                    }
                    span:nth-child(2){
                        img{
                             width: 11px;
                        height: 8px;
                        }
                    }
                }
                p:nth-child(2){
                    input{
                        border: none;
                    }
                }
            }
            li:nth-child(5){
                font-size: 15px;
                text-align: right;
                margin-right: 23px;
                a{
                    color: #3388ff;
                }
                a:hover{
                    color: red;
                }
            }
            li:nth-child(6){
                width: 400px;
                height: 47px;
                border: 1px solid #e7e7e7;
                line-height: 47px;
                margin-top: 22px;
                position: relative;
                p:nth-child(1){
                    margin-left: 18px;
                    margin-right: 15px;
                }
                p:nth-child(2){
                    input{
                        border: none;
                    }
                }
                p:nth-child(3){
                    position: absolute;
                    right: 25px;
                    top: 6px;
                    text-align: right;
                }
            }
             li:nth-child(7){
                width: 400px;
                height: 47px;
                border: 1px solid #e7e7e7;
                line-height: 47px;
                margin-top: 22px;
                position: relative;
                p:nth-child(1){
                    margin-left: 18px;
                    margin-right: 16px;
                }
                p:nth-child(2){
                    input{
                        border: none;
                    }
                }
                p:nth-child(3){
                    width: 114px;
                    height: 47px;
                    display: inline-block;
                    background: #99999a;
                    text-align: center;
                    position: absolute;
                    top: 0;
                    right: 0;
                    a{
                        color: white;
                    }
                    a:hover{
                        color: red;
                    }
                }
            }
            li:nth-child(8){
                padding-top: 30px;
                p:nth-child(2){
                    margin-left: 13px;
                    a{
                        color: #bfd4ff;
                    }
                }
            }
            li:nth-child(9){
                a{
                    width: 400px;
                    height: 55px;
                    display: inline-block;
                    border: 1px solid #eb413d;
                    background: #eb413d;
                    color: white;
                    font-size: 13px;
                    border-radius: 55px;
                    text-align: center;
                    line-height: 55px;
                    margin-top: 35px;
                    margin-bottom: 25px;
                }
                a:hover{
                    opacity: .2;
                }
            }
        }
    }
}
footer{
    width:100%;
    height: auto;
    min-width: 1200px;
    background:#eb413d;
    padding-top:50px;
    padding-bottom:30px;
    .wrap{
        width:658px;
        margin: 0 auto;
        font-size: 0;
        display: flex;
        div{
            display: inline-block;
        }
        div:first-child{
            width:170px;
            a{
                display: inline-block;
                height: 35px;
                width: 86px;
                background: url(../img/logo2.jpg) no-repeat 100% ;
                overflow: hidden;
                margin-left: 39px;
                margin-right: 46px;
            }
        }
        div:nth-child(2){
            display:flex;
            border-left:1px solid #f07471 ;
            margin-top: 2px;
            margin-bottom:64px;
            flex-shrink: 0;
            ul{
                vertical-align: top;
                margin-left: 55px;
                color: white;
                >li{
                   font-size: 12px; 
                   vertical-align: text-bottom;
                   line-height: 24px;
                   position: relative;
                   a{
                       color: $aColor2;
                       position: relative;
                       top:2px;
                   }
                }
            }
        }
    }
    .copyRight{
        text-align: center;
        font-size: 12px;
        transform: scale(0.8);
        color: white;
    }
}
